<template>
  <view>
    <view class="alldiv">
      <!-- 这个是返回 -->
      <view class="navdiv">
        <u-navbar back-text="返回"  @leftClick="navigateBack" :leftText="language.Report.nav"></u-navbar>
      </view>
      <!-- 主体区域 -->
      <view class="formdiv">
        <u-cell-group>
          <u-cell center>
            <view
              slot="title"
              style="font-size: 12px; color: rgba(153, 153, 153, 1)"
              >{{ language.Report.val }}</view
            >
            <view slot="label">
              <u--textarea
                height="400"
                count
                v-model="reportval"
                :placeholder="language.Report.valplaceholder"
              ></u--textarea>
              <view
                ><u-button
                  color="rgba(47,212,184,1)"
                  :text="language.Report.btn"
                  type="primary"
                ></u-button
              ></view>
            </view>
          </u-cell>
        </u-cell-group>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      language: {},
      reportval:
        "申诉举报内容申诉举报内容申诉举报内容申诉举报内容申诉举报内容申诉举报内容申诉举报内容申诉举报内容申诉举报内容申诉举报内容申诉举报内容申诉举报内容申诉举报内容申诉举报内容申诉举报内容",
    };
  },
  onShow: function () {
    this.getlanguagedata();
    console.log("Personalcenter Show");
  },
  onLoad() {
    this.getlanguagedata();
  },
  mounted() {
    this.getlanguagedata();
  },
  methods: {
    getlanguagedata() {
      this.language =
      this.$store.getters["internationalization/getinternationalization"];
    },
    // 返回上一个页面
    navigateBack() {
      uni.navigateBack({
        delta: 1,
        success: () => {
          // 返回成功后的回调函数
        },
        fail: () => {
          // 返回失败后的回调函数
        },
      });
    },
  },
};
</script>

<style lang="less" scoped>
.alldiv {
  width: 100vw;
  height: 100vh;
  //   这个是返回
  .navdiv {
    width: 100%;
    height: 10%;
    overflow: hidden;
    z-index: 999999;
  }
  //   主体区域样式
  .formdiv {
    width: 95%;
    height: 85%;

    margin: auto;
    border-radius: 16px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 4px rgba(5, 48, 7, 0.08);
  }
}
</style>
